<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="" />
    <title>欢迎来到"朋心合力"创业团队线上整合系统</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/Animation.css" rel="stylesheet" type="text/css">
    <link href="css/slider.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="#"/>
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/common.js" type="text/javascript"></script>
    <script src="js/slider.js" type="text/javascript"></script>
    <script src="js/html5.js" type="text/javascript"></script>
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/wow.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: false,
            live: true
        });
        wow.init();
    </script>
    <style type="text/css">
    	*{
    		margin: 0px;
    		padding: 0px;
    	}
    </style>
</head>
<body>
<!--索引-->
<header class="navbar-fixed-top headerbg">
    <div class="container-fluid">
        <div class="logo"><h3><a href="1.html"><span>朋心合力创业平台</span></a></h3></div>
        <div class="navBox hidden-xs hidden-sm">
            <ul class="navList list-unstyled">
                <li class="navLi on">
                    <h3><a href="/index2"><span>首页</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="1.html"><span>项目发布</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="2.html"><span>权限管理</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="/lookingprojects"><span>项目广场</span></a></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a href="/lookingtalents">● 寻找合伙人</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a href="/lookingprojects">● 寻找项目</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi">
                    <h3><a th:href="@{/myproject}"><span>我的项目</span></a></h3>
                </li>
            </ul >
        </div>
    </div>
</header>
<!--轮播动画-->
<div class="banner" >
    <div class="container relative hidden-sm clearfix">
        <div class="banner_list_style clearfix relative">
            <div class="hd"><ul></ul></div>
            <div class="bd">
                <ul>
                	<!--第一张轮播图-->
                    <li>
                        <div class="ban1Line wow fadeInLeft">
                            <div class="ban1Line1 ban"><img src="images/banner_07.png"></div>
                            <div class="ban1Line2 ban"><img src="images/banner_10.png"></div>
                            <div class="ban1Line3 ban"><img src="images/banner_15.png"></div>
                            <div class="ban1Line4 ban"><img src="images/banner_18.png"></div>
                            <div class="ban1Line5 ban"><h3><a href="1.html"><span>志同道合</span></a></h3></div>
                        </div>
                        <div class="ban1Line_right  wow fadeInRight">
                            <div class="ban1Line_title">
                                <h3 class="explain_name">
                                    <script>
                                        var s = '为有想法有技术的用户快速匹配并整合一批适合并愿意投入的创业伙伴。';
                                        var con = $('.explain_name');
                                        var index = 0;
                                        var length = s.length;
                                        var tId = null; function start(){ con.text(''); tId=setInterval(function(){ con.append(s.charAt(index2)); if(index2++ === length){ clearInterval(tId); index2 = 0; index2() } },200); } index2();
                                    </script></h3>
                            </div>
                            <div class="title_name">我们不断的超越，不断发展</div>
                        </div>
                    </li>
                    <!--第二张轮播图-->
                    <li>
                        <div class="ban1Line_style wow fadeInLeft">
                            <img src="img/0.jpg" style="width:600px;height: 400px;">
                        </div>
                        <div class="ban1Line_right fadeInRight">
                            <div style="margin-left: 800px;margin-top: 50px;">
                            	<h1 style="color: white;">
								'我们可以来自世界各地,我们怀揣梦想,为着共同的梦,组成团队'
								</h1>
                            </div>
                        </div>
                    </li>
                    <!--第三张轮播图-->
                    <li>
                        <div class="ban1Line_style wow fadeInLeft">
                            <img src="img/1.jpg" style="width:600px;height: 400px;">
                        </div>
                        <div class="ban1Line_right fadeInRight">
                            <div style="margin-left: 800px;margin-top: 50px;">
                            	<h1 style="color: white;">
								'寻找那个合适的同伴,向着共同的目标前进'
								</h1>
                            </div>
                        </div>
                    </li>
                    <!--第四张轮播图-->
                    <li>
                        <div class="ban1Line_style wow fadeInLeft">
                            <img src="img/2.jpg" style="width:600px;height: 400px;">
                        </div>
                        <div class="ban1Line_right fadeInRight">
                            <div style="margin-left: 800px;margin-top: 50px;">
                            	<h1 style="color: white;">
								'团队的相关,团队的荣耀是我们每个人的荣耀'
								</h1>
                            </div>
                        </div>
                    </li>
                    <!--第五张轮播图-->
                    <li>
                        <div class="ban1Line_style wow fadeInLeft">
                            <img src="img/3.jpg" style="width:600px;height: 400px;">
                        </div>
                        <div class="ban1Line_right fadeInRight">
                            <div style="margin-left: 800px;margin-top: 50px;">
                            	<h1 style="color: white;">
								'团队工作,我们需要为团队做哪些事'
								</h1>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
       <script>jQuery(".banner_list_style").slide({mainCell:".bd ul",titCell:'.hd ul',autoPlay:true,autoPage:true,interTime:5000,easing:"easeOutCirc",delayTime:1000,});</script>
    </div>
<!--飘着的那些动画-->
    <div class="sky">
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
    </div>
</div>

<div class="product_style">
    <div class="container">
        <div class="title_name">
            <h2>系统与服务</h2>
            <h5 class="line-height26">
            	你有想法,我有技术,他有人脉。然而，你不认识我，我不认识他，他不认识你。创业团队的组建往往是创业初始阶段
            	最难实现的一环，有想法苦于没有技术支持，有技术苦于没有施展抱负的舞台，通过这个平台可以快速匹配整合一批
            	适合并愿意投入的创业伙伴。
            </h5>
        </div>
    </div>
    <div class="product_list">
        <div class="product_bg home">
            <div class="parallax-bg" id="slider-wrap">
                <div class="slider parallax-bg" id="slider">
                    <div class="slider-sections sandbox">
                        <section class="first">
                            <img alt="Kendo UI" src="images/home-banner-1.png"/>
                            <div class="text">
                                <h2 class="center">
                                    <span class="english_name mb10">团队优秀项目展示  RADIUS SYSTEM</span>
                                    <b class="color2">优秀项目1</b>认证计费系统
                                    <span class="description mt10">网站公司认证计费系统--不仅仅是认证计费</span>
                                </h2> <p class="copy_content" style="padding-top: 60px;">网站公司认证计费系统打破常规，我们拥有更多人性化的功能设计，客服人员几乎不需要专业学习，几分钟内就可以快速上手熟练操作。
                                软件名称认证计费系统手机app升级为2.0版加入更多快捷功能，正在开发的OLT集中管理功能免去手动指令配置的繁琐，从此让您的宽带管理更加高效。</p>
                            </div>
                        </section>
                        <section> <img src="images/dataviz-home-image-q2.png" alt="Kendo UI" />
                            <div class="text">
                                <h2 class="center">
                                    <span class="english_name mb10">团队优秀项目展示  INTELLIGENT ROOM</span>
                                    <b class="color2">优秀项目2</b>智慧机房
                                    <span class="description mt10">中小运营商机房解决方案</span>
                                </h2> <p class="copy_content" style="padding-top: 60px;"><b>量身定制的机房设计</b>
                                没有一套完整的方案是可以照搬的，机房的整体架构和设计需要考虑到客户的运营策略、套餐的制定、出口资源情况、传输网结构等等。因此每一套智慧机房都是量身定制的。软件名称团队凭借自主研发的认证计费系统，旁路管理系统，tv系统，高性能nat系统，高性能路由系统，十年来以为全国各地200多家宽带运营企业提供优质长期的机房建设和技术支持支撑服务。</p>
                            </div>
                        </section>
                        <section> <img src="images/home_banner_web-q2.png" alt="Kendo UI" />
                            <div class="text">
                                <h2 class="center">
                                    <span class="english_name mb10">团队优秀项目展示  tv SYSTEM</span>
                                    <b class="color2">优秀项目3</b>tv系统
                                    <span class="description mt10">做中国最好的tv系统</span>
                                </h2> <p class="copy_content" style="padding-top: 40px;"><b>专业尽显专业</b>软件名称 tv系统采用转为流媒体应用的核心Linux系统，稳定高效。同样配置的硬件环境我们可以支持更多频道输出。国内首创动态内存切片技术，将流媒体传输的性能发挥到极致。整个系统只有60兆，全自动中文安装界面1分钟即可安装完成。真正基于Apple HLS协议开发声音视频完全同步，自动i帧校准，高清直播零延迟。Android客户端采用软件名称独立研发的播放器框架，低端设备输出高清码流。</p> 
                            </div>
                        </section>
                    </div>
                </div>
                <a class="slider-prev" href="javascript: void(0)">?</a>
                <a class="slider-next" href="javascript: void(0)">?</a>
            </div>
        </div>
    </div>
    <!--优势说明-->
    <div class="benefits_style container">
        <ul class="benefits_list">
            <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                <a href="#">
                    <div class="benefits_img"><div class="icon_xt icon"></div></div>
                    <h3>平台采用一体化系统设计</h3>
                    <div class="explanation color3">电脑手机登录两不误，实时进行操作。</div>
                    <div class="operating_btn">了解详细</div>
                </a>
            </li>
            <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                <a href="#">
                    <div class="benefits_img"><div class="icon_cz icon"></div></div>
                    <h3>操作便捷</h3>
                    <div class="explanation color3">系统优化，操作更加便捷，快速上手</div>
                    <div class="operating_btn">了解详细</div>
                </a>
            </li>
            <li class="benefits_name col-xs-12 col-sm-4 col-md-4 fadeInUp animated">
                <a href="#">
                    <div class="benefits_img"><div class="icon_dm icon"></div></div>
                    <h3>代码产权</h3>
                    <div class="explanation color3">公司拥有独立知识产权的核心产品，安全放心</div>
                    <div class="operating_btn">了解详细</div>
                </a>
            </li>
        </ul>
    </div>
</div>
<!--方案-->
<div class="program_style relative">
    <div class="container relative index2">
        <div class="title_name"><h2>团队合成方案</h2><h4>平台根据不同的用户,根据提供的具体需求提供不同的解决方案,及根据你的兴趣爱好分配在项目广场分配类似的项目给你,更好的解决用户的需求，一步到位真正
            的做到全方位解决用户的需求。</h4>
        </div>
        <div class="index_Program_list clearfix">
            <ul>
                <li class="Program_name col-xs-12 col-sm-3 col-md-3 fadeInUp animated relative">
                    <a href="#" class="link_name relative">
                        <div class="Program_icon"><em class="icon_program1"></em></div>
                        <img src="pro/1.jpg" alt="">
                        <div class="Program_title"><h2>项目广场的便捷</h2><h5>推送一大堆优秀的项目,与你有关的项目</h5></div>
                    </a>
                </li>
                <li class="Program_name col-xs-12 col-sm-3 col-md-3 fadeInUp animated relative">
                    <a href="#" class="link_name relative">
                        <div class="Program_icon"><em class="icon_program2"></em></div>
                        <img src="pro/1.jpg" alt="">
                        <div class="Program_title"><h2>类似项目的推送</h2><h5>推送一大堆和你兴趣有关的项目</h5></div>
                    </a>
                </li>
                <li class="Program_name col-xs-12 col-sm-3 col-md-3 fadeInUp animated relative">
                    <a href="#" class="link_name relative">
                        <div class="Program_icon"><em class="icon_program3"></em></div>
                        <img src="pro/1.jpg" alt="">
                        <div class="Program_title"><h2>相关兴趣爱好的培训</h2><h5>推送一大推和你兴趣爱好有关的培训</h5></div>
                    </a>
                </li>
                <li class="Program_name col-xs-12 col-sm-3 col-md-3 fadeInUp animated relative">
                    <a href="#" class="link_name relative">
                        <div class="Program_icon"><em class="icon_program4"></em></div>
                        <img src="pro/1.jpg" alt="">
                        <div class="Program_title"><h2>推荐相关项目的队长</h2><h5>推送一大堆项目的相关发起人,及队长</h5></div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="explain_name">
            <a href="#" class="Program_btn">更多解决方案</a>
        </div>
    </div>
    <div class="Program_bgq1"></div>
    <!--波浪效果-->
    <div class="waveWrapper waveAnimation">
        <div class="waveWrapperInner bgTop">
            <div class="wave waveTop" style="background-image: url('images/wave-top.png')"></div>
        </div>
        <div class="waveWrapperInner bgMiddle">
            <div class="wave waveMiddle" style="background-image: url('images/wave-mid.png')"></div>
        </div>
        <div class="waveWrapperInner bgBottom">
            <div class="wave waveBottom" style="background-image: url('images/wave-bot.png')"></div>
        </div>
    </div>
</div>
<!--案例显示-->
<div class="user_casestyle mb30">
    <div class="container">
        <div class="title_name center"><h2><b class="color1">999+</b>用户的选择</h2><h5>平台对用户负责,切受监管局监督,请放心使用</h5></div>
        <div class="user_data clearfix">
            <ul>
                <li class="data_value col-xs-6 col-sm-3 col-md-3 fadeInUp animated relative">
                    <div class="icon icon_data1"></div>
                    <h2 ><b class="timer count-title" id="count-number" data-to="567" data-speed="2500">403</b>+</h2>
                    <h3>项目团队</h3>
                </li>
                <li class="data_value col-xs-6 col-sm-3 col-md-3 fadeInUp animated relative">
                    <div class="icon icon_data2"></div>
                    <h2 ><b class="timer count-title" id="count-number" data-to="806" data-speed="2500">43</b>+</h2>
                    <h3>在看人数</h3>
                </li>
            </ul>
        </div>
        <!--列表样式-->
        <div class="case_list relative">
            <div></div>
            <div class="hd"><a class="next"></a><a class="prev"></a></div>
            <div class="bd">
                <ul class="picList clearfix">
                    <li class="case_name  fadeInUp animated relative"><a href="#"><img src="pro/2.jpg" alt=""><p class="title_name">项目培训</p></a></li>
                    <li class="case_name  fadeInUp animated relative"><a href="#"><img src="pro/2.jpg" alt=""><p class="title_name">培训视频</p></a></li>
                    <li class="case_name  fadeInUp animated relative"><a href="#"><img src="pro/2.jpg" alt=""><p class="title_name">相关培训</p></a></li>
                    <li class="case_name  fadeInUp animated relative"><a href="#"><img src="pro/2.jpg" alt=""><p class="title_name">在线培训</p></a></li>
                </ul>
            </div>
        </div>
        <script>jQuery(".case_list").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,scroll:4,vis:4,delayTime:1000});</script>
        <a href="#" class="case_mores">更多案例</a>
    </div>
</div>

<!--联系方式-->
<div class="contact_phone">
    <div class="container">
        <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
            <div class="phone_info"><em class="tel_icon fl"><img src="images/phone_img_06.png"></em><h3>服务咨询热线</h3><h2>111111111111</h2></div>
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 fadeInUp animated relative">
            <div class="phone_info"><em class="phone_icon fl"><img src="images/phone_img_07.png"></em><h3>移动服务热线:</h3><h2>22222222222</h2></div>
        </div>
    </div>
</div>
<!--底部样式-->
<footer class="footerBg">
    <div class="container">
        <div class="ptb40">
            <div class="footTopL">
                <dl class="clearfix" style="width: 400px; margin-left: 60px;">
                    <dt>关于我们</dt>
                    <dd><a href="#">联系地址</a></dd>
                    <dd><a href="#">荣誉资质</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt >系统团队</dt>
                    <dd><a href="#">林某</a></dd>
                    <dd><a href="#">李某</a></dd>
                    <dd><a href="#">蔡某</a></dd>
                    <dd><a href="#">周某</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 100px;">
                    <dt>培训中心</dt>
                    <dd><a href="#">java类培训</a></dd>
                    <dd><a href="#">c/c++类培训</a></dd>
                    <dd><a href="#">Python类培训</a></dd>
                    <dd><a href="#">go语言类培训</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt>权限介绍</dt>
                    <dd><a href="#">队长权限</a></dd>
                    <dd><a href="#">队员权限</a></dd>
                    <dd><a href="#">惩罚机制</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="CopyRight">
        <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span class="CopyRight_name">志同道合平台版权所有</span></div>
    </div>
</footer>
</div>
</body>
</html>
